<!doctype html>
<html>
<head>
	<title></title>
	<meta charset="utf-8" />
	<link rel="stylesheet" type="text/css" href="plugin.bubble.css" />

</head>
<body style="height:5000px;width:3000px">
	<a href="javascript:;" class="j-bubble-btn bubble-btn" style="border:1px solid #00f; height:30px; display:inline-block">bubble1</a>
	<a href="javascript:;" class="j-bubble-btn bubble-btn" style="border:1px solid #00f; height:30px; display:inline-block">bubble1</a>
	<a href="javascript:;" class="j-bubble-btn bubble-btn" style="border:1px solid #00f; height:30px; display:inline-block">bubble1</a>
	<div class="bubble-info">
		aaaaaaaaaaaaa</br>
		aaaaaaaaaaaaa</br>
		aaaaaaaaaaaaa</br>
		aaaaaaaaaaaaa</br>
		aaaaaaaaaaaaa</br>
		aaaaaaaaaaaaa</br>
		aaaaaaaaaaaaa</br>
		aaaaaaaaaaaaa</br>
		aaaaaaaaaaaaa</br>
		aaaaaaaaaaaaa</br>
		aaaaaaaaaaaaa</br>
		aaaaaaaaaaaaa</br>
		aaaaaaaaaaaaa</br>
		aaaaaaaaaaaaa</br>
		aaaaaaaaaaaaa</br>
	</div>
	<a href="javascript:;" class="j-bubble-btn bubble-btn" style="border:1px solid #00f; height:30px; display:inline-block; position:absolute;right:0">bubble3</a>
	
	<a href="javascript:;" class="j-bubble-btn bubble-btn" style="border:1px solid #00f; height:30px; display:inline-block;position:absolute;left:0;bottom:0">bubble2</a>
	<a href="javascript:;" class="j-bubble-btn bubble-btn" style="border:1px solid #00f; height:30px; display:inline-block;position:absolute;left:100px;bottom:200px">bubble2</a>
	<div class="bubble-info">
		bbbbbbbbbbbbb</br>
		aaaaaaaaaaaaa</br>
		aaaaaaaaaaaaa</br>
		aaaaaaaaaaaaa</br>
		aaaaaaaaaaaaa</br>
		
	</div>
	<div class="bubble-info">aaaaaaaaaaaaa</div>
	<a href="javascript:;" class="j-bubble-btn bubble-btn" style="border:1px solid #00f; height:30px; display:inline-block;position:absolute;left:200px;bottom:0">bubble2</a>

	<a href="javascript:;" class="j-bubble-btn bubble-btn" style="border:1px solid #00f; height:30px; display:inline-block;position:absolute;right:0;bottom:0">bubble4</a>


	
	
	<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="plugin.bubble.js"></script>
	<script type="text/javascript">
		(function($){
			$('.j-bubble-btn').each(function(){
				L.bubble({
					evtType : 'hover',
					follow : $(this),
					content: $(this).next('.bubble-info').html()
				});
			})
		})(jQuery);
	</script>

</body>
</html>